<template>
  <div>
            <!-- 面包屑导航 -->
      <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>权限管理</el-breadcrumb-item>
        <el-breadcrumb-item>角色列表</el-breadcrumb-item>
      </el-breadcrumb>

      <!-- 卡片视图 -->
      <el-card>
          <!-- 添加角色按钮 -->
          <el-row>
              <el-col>
                  <el-button type="primary">添加角色</el-button>
              </el-col>
          </el-row>
          <!-- 角色列表 -->
          <el-table>

          </el-table>
      </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      //所有角色列表数据
      roleList: []
    }
  },
  methods: {
      //获取所有角色列表
      async getRoleList(){
          const {data:res} = await this.$http.get('roles')
          console.log(res)
          if(res.meta.status!==200) return this.$message.error(res.meta.msg)
      }
  },
  created() {
      this.getRoleList()
  },
}
</script>

<style scoped>

</style>
